<script type="text/javascript">
	SeaOptions.seaTree = {
		callback: {
			onAdd: function(zTree, treeId, treeNode){
				zTree.addNodes(treeNode, {pId:treeNode.id, name:"new node"});
			}
		},
		async: { enable: false},
		expand: 'all',
		nodes: [
			{ id:1, pId:0, name:"随意拖拽 1", open:true},
			{ id:11, pId:1, name:"随意拖拽 1-1", upid:1, order:1},
			{ id:12, pId:1, name:"随意拖拽 1-2"},
			{ id:121, pId:12, name:"随意拖拽 1-2-1"},
			{ id:122, pId:12, name:"随意拖拽 1-2-2"},
			{ id:123, pId:12, name:"随意拖拽 1-2-3"},
			{ id:13, pId:1, name:"禁止拖拽 1-3", open:true, drag:false},
			{ id:131, pId:13, name:"禁止拖拽 1-3-1", drag:false},
			{ id:132, pId:13, name:"禁止拖拽 1-3-2", drag:false},
			{ id:132, pId:13, name:"禁止拖拽 1-3-3", drag:false},
			{ id:2, pId:0, name:"禁止子节点移走 2", open:true, childOuter:false},
			{ id:21, pId:2, name:"我不想成为父节点 2-1", dropInner:false},
			{ id:22, pId:2, name:"我不要成为根节点 2-2", dropRoot:false},
			{ id:23, pId:2, name:"拖拽试试看 2-3"},
			{ id:3, pId:0, name:"禁止子节点排序/增加 3", open:true, childOrder:false, dropInner:false},
			{ id:31, pId:3, name:"随意拖拽 3-1"},
			{ id:32, pId:3, name:"随意拖拽 3-2"},
			{ id:33, pId:3, name:"随意拖拽 3-3"}
		]
	}
</script>
<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title"><strong>zTree V3</strong></h3>
	</div>
	<div class="panel-body">
		<h3><strong>关于</strong></h3>
		<p>
			jQuery zTree 项目主页：<a target="_blank" href="http://www.pixedelic.com/plugins/camera">http://www.pixedelic.com/plugins/camera</a>
		</p>
		<h3>通过HTML文档data属性</h3>
		<p>仅仅通过向页面元素添加<code>data-sea="jPage"</code> 就可以为其赋予Ajax Pages 翻页效果。<br />
		<h3><strong>通过 <code>data-option</code>或者 <code>data-config</code>，设定参数</strong></h3>
		<ul>
			<li><p>
				<strong><code>css</code>参数，默认值：<code>False</code>，说明：</strong>
			</p></li>
		</ul>
		<div class="bs-example">
			<div class="bs-sidebar row">
				<div class="col-md-12">
					<div>
						<ul data-sea="seaTree" data-config="seaTree"></ul>
					</div>
					<pre data-sea="seaSnippet" data-config="seaSnippet">
&lt;ul data-sea=&quot;seaTree&quot; data-config=&quot;seaTree&quot;&gt;&lt;/ul&gt;</pre>
					<pre data-sea="seaSnippet" data-config="seaSnippet" data-option="language:'javascript'">
SeaOptions.seaTree = {
	callback: {
		onAdd: function(zTree, treeId, treeNode){
			zTree.addNodes(treeNode, {pId:treeNode.id, name:"new node"});
		}
	},
	async: { enable: false},
	expand: 'all',
	nodes: [
		{ id:1, pId:0, name:"随意拖拽 1", open:true},
		{ id:11, pId:1, name:"随意拖拽 1-1", upid:1, order:1},
		{ id:12, pId:1, name:"随意拖拽 1-2"},
		{ id:121, pId:12, name:"随意拖拽 1-2-1"},
		{ id:122, pId:12, name:"随意拖拽 1-2-2"},
		{ id:123, pId:12, name:"随意拖拽 1-2-3"},
		{ id:13, pId:1, name:"禁止拖拽 1-3", open:true, drag:false},
		{ id:131, pId:13, name:"禁止拖拽 1-3-1", drag:false},
		{ id:132, pId:13, name:"禁止拖拽 1-3-2", drag:false},
		{ id:132, pId:13, name:"禁止拖拽 1-3-3", drag:false},
		{ id:2, pId:0, name:"禁止子节点移走 2", open:true, childOuter:false},
		{ id:21, pId:2, name:"我不想成为父节点 2-1", dropInner:false},
		{ id:22, pId:2, name:"我不要成为根节点 2-2", dropRoot:false},
		{ id:23, pId:2, name:"拖拽试试看 2-3"},
		{ id:3, pId:0, name:"禁止子节点排序/增加 3", open:true, childOrder:false, dropInner:false},
		{ id:31, pId:3, name:"随意拖拽 3-1"},
		{ id:32, pId:3, name:"随意拖拽 3-2"},
		{ id:33, pId:3, name:"随意拖拽 3-3"}
	]
}</pre>
				</div>
			</div>
		</div>
	</div>
</div>